<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<!--广场星期分析-->
<html>
	<head>
		<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" media="screen" />
		<script type="text/javascript" src="js/base/jquery.js"></script>
		<script type="text/javascript" src="js/plugins/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/plugins/jqModal.js"></script>
		<script type="text/javascript" src="js/plugins/jqDnR.js"></script>
		<script src="js/DateTime.js" type="text/javascript"></script>
		<script src="js/jquery.qtip-1.0.0-rc3.js" type="text/javascript"></script>
		<script type="text/javascript" src="js/numFormat.js"></script>
		<script type="text/javascript" src="js/indexReady.js"></script>
		<script type="text/javascript" src="js/squareWeek.js"></script>
		<script type="text/javascript" src="js/reportCommon.js"></script>
		<script type="text/javascript" src="js/changeSite.js"></script>
		<script type="text/javascript" src="js/toExcel.js"></script>
        <script type="text/javascript" src="echarts/build/dist/echarts-all.js"></script>
		<link href="css/time1.css" rel="stylesheet" type="text/css" />
		<link href="css/time2.css" rel="stylesheet" type="text/css" />
		<link href="css/default/css.css" rel="stylesheet" type="text/css" />
		<jsp:include page="title.jsp"></jsp:include>
		<script type="text/javascript">
			var dateindexPowerList = ${dateIndexMap};
			var indexListOfGroup = ${indexList};
			var indexGroupInfo = ${indexGroupInfo};
			var indexInfo = ${indexInfo};
			indexInfo = eval(indexInfo);
			indexGroupInfo = eval(indexGroupInfo);
			indexListOfGroup =  eval(indexListOfGroup);
			dateindexPowerList = eval(dateindexPowerList);
			//将后台取到的指标存在前端数组array中
			for(var p in indexInfo){
				array[p]= indexInfo[p];
			}
			//将后台取到的指标类型存在前端数组arrayGroup中
		 	for(var p in indexGroupInfo){
				arrayGroup[p]= indexGroupInfo[p];
			}
		</script>
 	</head>
	<body>
	
	<div class="headdiv"><jsp:include page="head.jsp"></jsp:include></div>
	<div class="zhuti">
			<div class="jingediv"></div>
			<div class="lefterdiv">
				<jsp:include page="menu.jsp"></jsp:include>
			</div>
			<div class="jingediv"></div>
			<div class="righterdiv" id="right">
				<jsp:include page="changeSite.jsp"></jsp:include>
				<form action="mulChoiceLoad" id="siteSelectForm" method="post">
					<input type="hidden" value="squareWeek" name="siteSelectParam.pageFrom">
					<input type="hidden" value="squareWeek" name="siteSelectParam.controlTo">
					<input type="hidden" value="1" name="siteSelectParam.selectType">
					<input type="hidden" value="1" name="siteSelectParam.choiceType">
					<input type="hidden" value="1" name="siteSelectParam.rangeType">
					<input type="hidden" value="${siteId}" name="siteSelectParam.siteString" id="selectSitekey">
				</form>
				<form action="getExportExcle" id="ExportExcle" method="post">
					<input type="hidden" value="" name="table">
					<input type="hidden" value="" name="fileName">
					<input type="hidden" value="" name="character">
					<input type="hidden" value="" name="describe">
				</form>
				
				<form action="userManager" method="post" id="myForm">
					<div class="sitebar">
						<div class="floatleft div25"></div>
						<div class="sitename font24 top26">
							${siteName }
							<span class="orange"><a class="orange" href="javascript:showChange('site')" >${lang.siteSelect}>></a></span>
						</div>
						<div class="date font14 top26">
							${datetime }
						</div>
					</div>
					
					<div class="widthall">
						<div class="title">
							<div class="floatleft div25"></div>
							<div class="titlename bold font22">星期走势&nbsp;<img style="vertical-align:middle;" src="images/ts.png"/></div>
							<div class="weather bold font10 hide">
									<input type="hidden" value="星期分析" id="titles" />
									<!--siteKey js取值，场所id-->
									<input type="hidden" value="${siteId}" id="siteKey"/>
									<!--hdtype js取值，默认为客流量-->
									<input type="hidden" value="0" id="hdtype" />
									<!--txtspan js取值，默认为本周-->
                            		<input type="text" id="txtspan" value="week_1" style="display: none" />
                            		<!--用户登录指标权限-->
									<input type="hidden" value="week" id="timeModel" />
							</div>
						</div>
						<!--指标-->
							<div class="chartdiv font16">
							<div class="em25"></div>
							<div class="em35">
								<div class="floatleft div25">
								</div>
								<div class="floatleft div135">
									<table class="indextable widthall textcenter">
										
									</table>
								</div>
								<div class="floatleft div90">
								</div>
								<div id="divDay" class="floatleft div360">
									<table class="indextable widthall textcenter">
										<tr>
											<td onclick="getspan('week_1')" id="week_1" style="cursor:pointer" class="quarter tdborder" >${lang.thisWeek}</td>
											<td onclick="getspan('week_2')" id="week_2" style="cursor:pointer" class="quarter tdborder">${lang.lastWeek}</td>
											<td onclick="getspan('week_3')" id="week_3" style="cursor:pointer;border-right: 0px;" class="quarter tdborder">${lang.lastTwoWeek}</td>
											
										</tr>
									</table>
								</div>
								<div class="floatleft div240" id="xuanzesj" style="overflow:hidden">
									<table class="indextable widthall textcenter">
										<tr>
											<td class="widthall tdborder">
												<div id="shijianduibi">
													<div id="div_date" class="nocheckoption" style="cursor:pointer;"  onclick="getspan('day_0')">
					                                    	<span id="date" onclick="getspan('day_0')">2015-5-1${lang.zhi}2015-5-15</span>
					                                </div>
												</div>
											</td>
										</tr>
									</table>
								</div>
								<div class="floatleft div25">
								</div>
								
								
							</div>
							
							<div class="floatleft hisindexleft em575">
								<div class="em65"></div>
								<div class="floatleft zhibiao25"></div>
								<div class="floatleft em35" style="width: 82.8%">
									<select class="indextable widthall heigthall  tdborder" id="select_zhibiao"  onchange="changezhibiao(this)">
										<option value="0">视频客流</option>
													
									</select>
								</div>
								<div class="em65"></div>
								<div class="floatleft zhibiao120" style="height: 64%;display:block;overflow:auto;">
									<table class="indextable widthall textcenter indextableborder" id="zhibiaotable">
										<!-- <tr>
											<td id="zhibiao_0" class="em35 lineh35" onclick="getinfo(0,this)">${lang.traffic}</td>
										</tr> -->
									</table>
								</div>
								<div class="cleardiv"></div>
							</div>
							<div class="floatleft hisindexright em670">
								<div class="mid em670" id="tubiao1">
								</div>
								<div class="mid em670" style="display: none" id="tubiao2">
	                    		</div>
							</div>
							<div class="cleardiv"></div>
<!--							<div class="em25"></div>-->
						</div>
						<div class="mid h40" id="divWeek" style="display:none">
							<div id="datePicker">
								<input type="hidden" value="2015-06-23" name="startDate"
									id="startDate">
								<input type="hidden" value="2015-06-24" name="endDate"
									id="endDate">
							</div>
						</div>
					</div>

						<div class="widthall">
							<div class="title">
								<div class="floatleft div25"></div>
								<div class="titlename bold font22">${lang.details}</div>
								<div class="floatleft div25 floatright"></div>
								<div class="font22 floatright orange outcsv"><c:if  test="${buttonExport=='1'}"><span onclick="javascript:outExcel('hdtable1','ChartTableshuoming','星期走势')">Excel导出</span></c:if></div>
							</div>
							<div class="xiangxidiv">
								<div class="em25"></div>
								<div class="widthall">
									<div class="floatleft div25 defaultheight"></div>
								
									<input type="hidden" id="hdtable1" />
									<div class="divcontent" id="ChartTable">
										<table class="indextable xyliebiao widthall">
											
										</table>
									</div>
									<div class="floatleft div25 defaultheight"></div>
									<div class="cleardiv"></div>
								</div>
								<div class="em90">
									<div class="floatleft div25"></div>
									<div class="floatleft divhalf heigthall lineh25"  id="ChartTableshuoming" style="color: #666 !important;">
									数据说明：
									</div>
								</div>
								<div class="cleardiv"></div>
								<div class="em25"></div>
							</div>
						</div>
			
					<div class="divh20"></div>
					
					<div class="widthall">
						<div class="title">
							<div class="floatleft div25"></div>	
							<div class="titlename bold font24 top26">工作日&周末对比</div>
						</div>
						<div class="chartdiv font16 ">
							<div class="em25"></div>
							<div class="mid em650" id="stripegraph">
							</div>
						</div>
					</div>	
					<div class="divh20"></div>
					
					<div class="widthall">
							<div class="title">
								<div class="floatleft div25"></div>
								<div class="titlename bold font22">${lang.details}</div>
								<div class="floatleft div25 floatright"></div>
								<div class="font22 floatright orange outcsv"><c:if  test="${buttonExport=='1'}"><span onclick="javascript:outExcel('hdtable','stripegraphshuoming','工作日&周末对比')">Excel导出</span></c:if></div>
							</div>
							<div class="xiangxidiv">
								<div class="em25"></div>
								<div class="widthall">
									<div class="floatleft div25 defaultheight"></div>
								
										<input type="hidden" id="hdtable" />
									<div class="divcontent" id="stripegraphtable">
										<table class="indextable xyliebiao widthall">
										</table>
									</div>
									<div class="floatleft div25 defaultheight"></div>
									<div class="cleardiv"></div>
								</div>
								<div class="em90">
									<div class="floatleft div25"></div>
									<div class="floatleft divhalf heigthall lineh25"  id="stripegraphshuoming" style="color: #666 !important;">
									数据说明：
									</div>
								</div>
								<div class="cleardiv"></div>
								<div class="em25"></div>
							</div>
					</div>
				</form>
			</div>
			<div class="jingediv"></div>
			<div class="cleardiv"></div>
		</div>
	<jsp:include page="footer.jsp"></jsp:include>
	</body>
</html>